<!--<script src="http://echarts.baidu.com/build/dist/echarts.js"></script>-->
        <!-- 为ECharts准备一个具备大小（宽高）的Dom -->
<div id="main1" style="height:1000px;width:600px;float:left;" ></div>
<div id="main2" style="height:1000px;width:600px;float:left;display:none;"></div>
        <!-- ECharts单文件引入 -->
<script src="/js/echarts.min.js"></script>
<script type="text/javascript">
// 路径配置

<!-- require.config({ -->
<!-- paths: { -->
<!-- echarts: '/build/dist' -->
<!-- } -->
<!-- }); -->

// 使用
<!-- require( -->
<!-- [ -->
<!-- 'echarts', -->
<!-- 'echarts/chart/pie'// 使用柱状图就加载bar模块，按需加载 -->

<!-- ],DrawEChart); -->
//         function DrawEChart(ec) {
// 基于准备好的dom，初始化echarts图表
var myChart1 = echarts.init(document.getElementById('main1'));
var myChart2 = echarts.init(document.getElementById('main2'));


<!-- myChart1.setTheme(""); -->
<!-- myChart2.setTheme(""); -->


var option1 = {
    //tooltip : {
    //    trigger: 'item',
    //    formatter: "{b} : {c}w</br> {d}%"
   // },

    legend: {
        orient: 'vertical',
        left: 'left',
        show: false,
        data: ['其余部分','出让部分'],


    },
    series : [
        {
            name: '融资计划',
            type: 'pie',
            selectedMode: 'single',
            radius : '45%',
            center: ['50%', '50%'],
            color: ['#4374a0','#dee7f3'],
            data:[
                {value:500, name:'出让部分'},
                {value:4500, name:'其余部分'}
            ],

            itemStyle: {
                normal: {
                    label: {
                        show: true,
                        position : 'inside',
                        formatter : function (params) {
                        if(params.name === '出让部分'){
                            return (params.percent - 0).toFixed(0) + '%'
                            }
                            return ''
                        }
                    }
                },
                labelLine: {
                    normal: {
                        show: true
                    }
                }
            }
        }
    ]
};
var option2 = {
    tooltip : {
        trigger: 'item',
        formatter: "{b} : {c}w</br> {d}%"
    },

    legend: {
        orient: 'vertical',
        left: 'left',
        show: false,
        data: ['人员扩充','产品优化','产品推广','其它'],


    },
    series : [
        {
            name: '出让部分',
            type: 'pie',
            selectedMode: 'single',
            show: false,
            radius : '25%',
            center: ['50%', '50%'],
            color: ['#97b9e0','#bed1ea','#5089bc','#5b9bd5'],
            data:[
                {value:100, name:'人员扩充'},
                {value:100, name:'产品优化'},
                {value:225, name:'产品推广'},
                {value:75, name:'其它'}
            ],
            itemStyle: {
                normal: {
                    color:"",
                    label: {
                        show: true,
                        position : 'out',
                        formatter : function (params) {
                            return params.name +"\n"+ (params.percent - 0).toFixed(0) + '%'
                        }
                    }
                },
                labelLine: {
                    normal: {
                        show: true
                    }
                }
            }
        },
    ]
};

// 为echarts对象加载数据

        setTimeout(function(){myChart1.setOption(option1)},2000);


<!-- //点击事件 -->

    myChart1.on("click", eConsole);

function everyClick(param,i,option){
    //alert(param.seriesIndex);
    if(param.seriesIndex===0){
        if(param.name==="出让部分"){
            //alert(param.seriesId);
            document.getElementById('main2').style.display='block';
            //$("#main2").fadeIn(1500);

            myChart2.setOption(option2)


            //$("#main2").load(location.href+"#main2");

        }
    }
}

//增加监听事件
function eConsole(param) {
    if (typeof param.seriesIndex != 'undefined') {

        if (param.type == 'click') {
            var peiLenght= option1.legend.data.length;
            for(var i=0;i<peiLenght;i++){
                everyClick(param,i,option1.legend.data[i])
            }
        }else{
            document.getElementById('hover-console').innerHtml = 'Event Console : ' + param.dataIndex;

        }
    }
};
//           };

</script>